<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>5.作用域在模块中的体现</title>
</head>

<body>
  <script>
    //模块都有独立的顶级作用域，下面的模块不能互相访问
    //如果type不是module，两个script脚本的变量都会存在于顶层作用域，可以互相访问
    let url = "houdunre.com";
  </script>


  <script type="module">
    let hd = "houdunren.com";
  </script>

  <script type="module">
    // alert(hd); // Error Uncaught ReferenceError: hd is not defined
    // 普通 script脚本的变量都会存在于顶层作用域，可以互相访问
    console.log(url);

  </script>
  <!-- 模块都有独立的顶级作用域，从文件引入的模块也不能互相访问 -->
  <script type="module" src="1.1.js"></script>
  <script type="module" src="1.2.js"></script>
  <!--  模块都有独立的顶级作用域，import引入的模块也不能互相访问 -->
  <script type="module">
    import { } from './1.1.js';
    import { } from './1.2.js';
    // 模块间想互相调用，要使用export和import配合
  </script>

  </script>
</body>

</html>